.Button {
    transition: all .2s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: #408fec;
    font-size: 1rem;
    padding: .61538rem 1.23077rem;
    line-height: 1;
    border: 1px solid #a1a8ac;
    border-radius: 4px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: none
}

.Button:active,.Button:hover {
    color: #408fec;
    border-color: #408fec
}

.Button:disabled {
    box-shadow: none;
    opacity: .4;
    cursor: not-allowed
}

.Button--primary {
    background-color: #408fec;
    color: #fff;
    border-color: transparent
}

.Button--primary:active,.Button--primary:hover {
    background-color: #1774e2;
    color: #fff;
    border-color: transparent
}

.Button--primary:focus {
    color: #fff
}

.Button--secondary {
    background-color: #43425d;
    color: #fff;
    border-color: transparent
}

.Button--secondary:active,.Button--secondary:hover {
    background-color: #2e2d3f;
    color: #fff;
    border-color: transparent
}

.Button--success {
    background-color: #64c723;
    color: #fff;
    border-color: transparent
}

.Button--success:active,.Button--success:hover {
    background-color: #50a01c;
    color: #fff;
    border-color: transparent
}

.Button--danger {
    background-color: #ff5f5f;
    color: #fff;
    border-color: transparent
}

.Button--danger:active,.Button--danger:hover {
    background-color: #ff1919;
    color: #fff;
    border-color: transparent
}

.Button--link {
    background-color: transparent;
    border: none
}

.Button--link:active,.Button--link:hover {
    text-decoration: underline
}

.Button--warning {
    background-color: transparent;
    border-color: #8c5d00;
    color: #8c5d00
}

.Button--warning:active,.Button--warning:hover {
    -webkit-text-decoration: #462f00;
    text-decoration: #462f00;
    border-color: #462f00;
    color: #462f00
}

.Button--large {
    padding: 1.23077rem 2.46154rem;
    font-size: 1.23077rem
}

.Button--small {
    padding: .30769rem .61538rem;
    font-size: .92308rem
}

.Checkbox {
    display: inline-flex;
    align-items: center;
    margin: 0;
    cursor: pointer
}

.Checkbox__input {
    display: none
}

.Checkbox__shape {
    transition: background-color .2s ease,border-color .2s ease;
    position: relative;
    background-color: #fff;
    width: 18px;
    height: 18px;
    border: 1px solid #dadde0;
    border-radius: 2px
}

.Checkbox__shape:after {
    transition: transform .2s ease;
    content: "";
    position: absolute;
    top: 3px;
    left: 5.5px;
    width: 5px;
    height: 9px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateZ(0) scale(0)
}

.Checkbox__input:checked~.Checkbox__shape {
    background-color: #408fec;
    border-color: #408fec
}

.Checkbox__input:checked~.Checkbox__shape:after {
    transform: rotate(45deg) translateZ(0) scale(1)
}

.Checkbox__title {
    font-weight: 400;
    margin-left: .61538rem;
    line-height: 1.5;
    text-align: left
}

.Chip {
    width: 100%;
    padding: 1.23077rem;
    margin-bottom: 1.23077rem;
    border: 1px solid #dadde0;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0,0,0,.15)
}

.Chip--default {
    border-left: 5px solid #408fec
}

.Chip--success {
    border-left: 5px solid #7bdd3b
}

.Chip--warning {
    border-left: 5px solid #e9bb2d
}

.Chip--failed {
    border-left: 5px solid #ff5f5f
}

.Collapsible__title {
    font-size: 1.38462rem;
    font-weight: 600;
    margin-bottom: 1.23077rem
}

.Collapsible__list {
    border: 1px solid #f5f5f6;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0,0,0,.3)
}

.CollapsibleItem {
    list-style: none;
    border-bottom: 1px solid #c8ccd0
}

.CollapsibleItem:last-child {
    border-bottom: none
}

.CollapsibleItem__toggler {
    font-size: 1.07692rem
}

.CollapsibleItem__content {
    padding: 1.23077rem 2.46154rem
}

.CollapsibleSublist {
    padding: .61538rem 0
}

.CollapsibleSubitem {
    list-style: none;
    padding: .61538rem
}

.CollapsibleTextarea {
    margin-top: .61538rem
}

.Dropdown {
    position: relative;
    z-index: 6
}

.Dropdown:after {
    content: "";
    display: table;
    clear: both
}

.Dropdown:focus {
    outline: none
}

.Dropdown__toggler {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.Dropdown__toggler:focus {
    outline: none
}

.Dropdown__toggler button:focus {
    background-color: #ecf4fd
}

.Dropdown__items {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    padding: .61538rem 0;
    max-height: calc(100vh - 149px);
    min-width: 220px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
    overflow-x: hidden;
    overflow-y: auto
}

.Dropdown__items--x-center {
    left: 50%
}

.Dropdown__items--x-right {
    left: auto;
    right: 0
}

.Dropdown__items--y-bottom {
    top: auto;
    bottom: 100%
}

.DropdownItem {
    display: flex;
    align-items: center;
    padding: .61538rem 1.23077rem;
    font-size: 1.07692rem;
    white-space: nowrap;
    cursor: pointer
}

.DropdownItem:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.DropdownItem:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.DropdownItem:active,.DropdownItem:hover {
    background-color: #f7fbfd;
    color: #1774e2
}

.DropdownItem.is-active {
    background-color: #ecf4fd;
    color: #1774e2
}

.DropdownItem--danger {
    color: #ff5f5f
}

.DropdownItem--danger:hover {
    color: #ff1919
}

.DropdownItem__icon {
    display: inline-flex;
    margin-right: .61538rem;
    font-size: 18px
}

.DropdownItem__description {
    position: relative;
    background-color: transparent;
    width: 16px;
    height: 16px;
    border: 1px solid #aaa;
    border-radius: 50%;
    margin-left: auto
}

.DropdownItem__description:after {
    content: "?";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -3px;
    left: 4px;
    color: #aaa;
    font-size: .92308rem;
    font-weight: 700
}

.Row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px
}

@media (min-width: 601px) {
    .Row {
        margin-left:-8px;
        margin-right: -8px
    }
}

.Row:after {
    content: "";
    display: table;
    clear: both
}

.Col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px
}

.Col--s1 {
    flex: 1 0 auto;
    max-width: 8.33333%
}

.Col--s2 {
    flex: 1 0 auto;
    max-width: 16.66667%
}

.Col--s3 {
    flex: 1 0 auto;
    max-width: 25%
}

.Col--s4 {
    flex: 1 0 auto;
    max-width: 33.33333%
}

.Col--s5 {
    flex: 1 0 auto;
    max-width: 41.66667%
}

.Col--s6 {
    flex: 1 0 auto;
    max-width: 50%
}

.Col--s7 {
    flex: 1 0 auto;
    max-width: 58.33333%
}

.Col--s8 {
    flex: 1 0 auto;
    max-width: 66.66667%
}

.Col--s9 {
    flex: 1 0 auto;
    max-width: 75%
}

.Col--s10 {
    flex: 1 0 auto;
    max-width: 83.33333%
}

.Col--s11 {
    flex: 1 0 auto;
    max-width: 91.66667%
}

.Col--s12 {
    flex: 1 0 auto;
    max-width: 100%
}

@media (min-width: 601px) {
    .Col--m1 {
        flex:0 0 8.33333%;
        max-width: 8.33333%
    }
}

@media (min-width: 601px) {
    .Col--m2 {
        flex:0 0 16.66667%;
        max-width: 16.66667%
    }
}

@media (min-width: 601px) {
    .Col--m3 {
        flex:0 0 25%;
        max-width: 25%
    }
}

@media (min-width: 601px) {
    .Col--m4 {
        flex:0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (min-width: 601px) {
    .Col--m5 {
        flex:0 0 41.66667%;
        max-width: 41.66667%
    }
}

@media (min-width: 601px) {
    .Col--m6 {
        flex:0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 601px) {
    .Col--m7 {
        flex:0 0 58.33333%;
        max-width: 58.33333%
    }
}

@media (min-width: 601px) {
    .Col--m8 {
        flex:0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media (min-width: 601px) {
    .Col--m9 {
        flex:0 0 75%;
        max-width: 75%
    }
}

@media (min-width: 601px) {
    .Col--m10 {
        flex:0 0 83.33333%;
        max-width: 83.33333%
    }
}

@media (min-width: 601px) {
    .Col--m11 {
        flex:0 0 91.66667%;
        max-width: 91.66667%
    }
}

@media (min-width: 601px) {
    .Col--m12 {
        flex:0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .Col--l1 {
        flex:0 0 8.33333%;
        max-width: 8.33333%
    }
}

@media (min-width: 992px) {
    .Col--l2 {
        flex:0 0 16.66667%;
        max-width: 16.66667%
    }
}

@media (min-width: 992px) {
    .Col--l3 {
        flex:0 0 25%;
        max-width: 25%
    }
}

@media (min-width: 992px) {
    .Col--l4 {
        flex:0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (min-width: 992px) {
    .Col--l5 {
        flex:0 0 41.66667%;
        max-width: 41.66667%
    }
}

@media (min-width: 992px) {
    .Col--l6 {
        flex:0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .Col--l7 {
        flex:0 0 58.33333%;
        max-width: 58.33333%
    }
}

@media (min-width: 992px) {
    .Col--l8 {
        flex:0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media (min-width: 992px) {
    .Col--l9 {
        flex:0 0 75%;
        max-width: 75%
    }
}

@media (min-width: 992px) {
    .Col--l10 {
        flex:0 0 83.33333%;
        max-width: 83.33333%
    }
}

@media (min-width: 992px) {
    .Col--l11 {
        flex:0 0 91.66667%;
        max-width: 91.66667%
    }
}

@media (min-width: 992px) {
    .Col--l12 {
        flex:0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 601px) {
    .Col--offset1 {
        margin-left:8.33333%
    }
}

@media (min-width: 601px) {
    .Col--offset2 {
        margin-left:16.66667%
    }
}

@media (min-width: 601px) {
    .Col--offset3 {
        margin-left:25%
    }
}

@media (min-width: 601px) {
    .Col--offset4 {
        margin-left:33.33333%
    }
}

@media (min-width: 601px) {
    .Col--offset5 {
        margin-left:41.66667%
    }
}

@media (min-width: 601px) {
    .Col--offset6 {
        margin-left:50%
    }
}

@media (min-width: 601px) {
    .Col--offset7 {
        margin-left:58.33333%
    }
}

@media (min-width: 601px) {
    .Col--offset8 {
        margin-left:66.66667%
    }
}

@media (min-width: 601px) {
    .Col--offset9 {
        margin-left:75%
    }
}

@media (min-width: 601px) {
    .Col--offset10 {
        margin-left:83.33333%
    }
}

@media (min-width: 601px) {
    .Col--offset11 {
        margin-left:91.66667%
    }
}

@media (min-width: 601px) {
    .Col--offset12 {
        margin-left:100%
    }
}

.HeaderBar {
    display: flex;
    justify-content: space-between;
    background-color: #f5f5f6;
    width: 100%;
    height: 64px
}

.HeaderBarControl {
    display: flex;
    align-items: center
}

.HeaderBarControl__email {
    display: inline-block;
    max-width: 100px;
    margin-right: .61538rem;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 1400px) {
    .HeaderBarControl__email {
        max-width:220px
    }
}

.HeaderBarControl .btn-link {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #4b5258;
    font-size: 1rem;
    font-weight: 700;
    margin-right: 1.23077rem
}

.HeaderBarControl .btn-link:active,.HeaderBarControl .btn-link:focus,.HeaderBarControl .btn-link:hover {
    background-color: transparent;
    color: #4b5258;
    text-decoration: none;
    outline: none
}

.Label {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    margin-bottom: .61538rem
}

.Label__title {
    font-weight: 700
}

.Label__title.is-required:after {
    content: "*";
    color: #ff5f5f;
    margin-left: .23077rem
}

.Label__hint {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: auto;
    border: 1px solid #aaa;
    border-radius: 50%;
    cursor: pointer
}

.Label__hint:after {
    content: "?";
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 1;
    color: #aaa;
    font-weight: 700
}

.Label__hint:focus {
    outline: none
}

.Input {
    position: relative;
    width: 100%
}

.Input__input {
    transition: border-color .2s ease;
    width: 100%;
    padding: .61538rem;
    border: 1px solid #dadde0;
    border-radius: 3px
}

.Input__input:focus {
    outline: none;
    border-color: #408fec
}

.Input__input.is-icon {
    padding-left: 3.69231rem
}

.Input__input.invalid {
    border-color: #ff5f5f
}

.Input__input.invalid:focus {
    outline: none;
    box-shadow: 0 0 3px 0 rgba(195,9,18,.2)
}

.Input__input::-moz-placeholder {
    color: #aaa
}

.Input__input:-ms-input-placeholder {
    color: #aaa
}

.Input__input::-ms-input-placeholder {
    color: #aaa
}

.Input__input::placeholder {
    color: #aaa
}

.Input__icon {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 24px;
    font-size: 24px
}

.Input__icon circle,.Input__icon path,.Input__icon rect {
    fill: #408fec
}

.InputFeedback--invalid {
    margin-top: .61538rem;
    color: #ff5f5f;
    font-size: .92308rem
}

.sk-double-bounce {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 40px auto
}

.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #4fb6ff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s ease-in-out infinite;
    animation: sk-doubleBounce 2s ease-in-out infinite
}

.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes sk-doubleBounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.Loader {
    justify-content: center;
    min-height: 100%;
    width: 100%
}

.Loader,.Loader__content {
    display: flex;
    align-items: center
}

.Loader__content {
    flex: auto;
    height: 100px
}

.Modal {
    width: 100%;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.16);
    overflow: hidden
}

.Modal__loader {
    height: 100vw
}

.Modal__overlay {
    background-color: rgba(48,47,74,.5)
}

.Modal__close {
    top: 8px;
    right: 8px;
    cursor: pointer
}

.Modal__close:focus {
    outline: none
}

.Modal__close-icon {
    max-width: 24px;
    max-height: 24px
}

.Modal__close path {
    transition: fill .2s ease;
    fill: #a1a8ac
}

.Modal__close:hover path {
    fill: #408fec
}

.ModalHeader {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1.23077rem;
    margin-bottom: 1.23077rem
}

.ModalHeader__title {
    font-size: 1.38462rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    width: 100%
}

.ModalFooter {
    display: flex;
    width: 100%;
    margin-top: auto
}

.ModalFooter__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 480px) {
    .ModalFooter__actions {
        width:auto
    }
}

.ModalFooter__actions.is-center {
    width: auto
}

.ModalFooter__actions.is-reverse {
    flex-direction: row-reverse
}

@media (max-width: 576px) {
    .ModalFooter__actions.is-reverse {
        flex-direction:column-reverse
    }
}

@media (max-width: 576px) {
    .ModalFooter__actions.is-reverse .ModalFooter__button {
        flex:1 1;
        width: 100%
    }
}

@media (max-width: 576px) {
    .ModalFooter__actions.is-reverse .ModalFooter__button--primary {
        margin-bottom:.61538rem
    }
}

.ModalFooter__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 300px;
    max-width: 300px;
    margin-left: .61538rem;
    margin-right: .61538rem
}

.ModalFooter__icon {
    margin-right: .30769rem;
    width: 16px;
    height: 16px
}

.ModalFooter__icon circle,.ModalFooter__icon path,.ModalFooter__icon rect {
    fill: #408fec
}

.ModalFooter__icon--primary circle,.ModalFooter__icon--primary path,.ModalFooter__icon--primary rect {
    fill: #fff
}

.ModalSection {
    width: 100%;
    margin-bottom: 1.23077rem;
    line-height: 1.5;
    padding: 2px 0;
    overflow-y: auto;
    overflow-x: hidden
}

.ModalSection:last-child {
    margin-bottom: 0
}

.ModalSplitContent {
    display: flex;
    max-width: 800px
}

.ModalSplitContent__left {
    display: flex;
    flex-flow: column;
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #e8f1fc;
    padding: 2.46154rem
}

.ModalSplitContent__left img {
    width: 100%;
    height: auto
}

.ModalSplitContent__left svg {
    width: 100%;
    height: 100%
}

.ModalSplitContent__right {
    flex: 0 0 50%;
    max-width: 50%
}

.ModalSplitContent__icon {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.46154rem
}

.ModalSplitContent__text {
    color: #507a98;
    line-height: 1.5;
    margin-top: auto
}

.ModalSplitContent__text a {
    color: #408fec
}

.ModalSplitContent__text a:hover {
    text-decoration: underline
}

.Radio {
    display: flex;
    margin-bottom: 0;
    cursor: pointer
}

.Radio.is-disabled {
    opacity: .25;
    pointer-events: none
}

.Radio input[type=radio] {
    display: none
}

.Radio__shape {
    transition: background-color .2s ease;
    position: relative;
    background-color: #aaa;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.Radio__shape:after {
    transition: transform .2s ease;
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    margin: auto;
    border-radius: 50%;
    background-color: #fff
}

.Radio:not(.is-disabled) input[type=radio]:checked~.Radio__shape {
    background-color: #408fec
}

.Radio:not(.is-disabled) input[type=radio]:checked~.Radio__shape:after {
    transform: scale(.4)
}

.Radio__title {
    font-weight: 400;
    margin-left: .61538rem
}

.Switch {
    margin-bottom: 0;
    cursor: pointer
}

.Switch__input {
    display: none
}

.Switch__input:checked+.Switch__shape {
    background-color: #408fec
}

.Switch__input:checked+.Switch__shape .Switch__shape-circle {
    transform: translateX(26px);
    background-color: #fff
}

.Switch__shape {
    transition: background-color .3s ease;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #f5f5f6;
    width: 48px;
    height: 24px;
    border-radius: 12px
}

.Switch__shape-circle {
    transition: transform .3s ease;
    transform: translateX(2px);
    background-color: #c8ccd0;
    width: 20px;
    height: 20px;
    border-radius: 10px
}

.Tab {
    position: relative;
    display: flex;
    align-items: center;
    padding: .61538rem 1.23077rem;
    margin: 0 1.23077rem;
    cursor: pointer
}

.Tab:after {
    transition: background-color .2s ease;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: transparent;
    height: 3px
}

.Tab.is-active:after,.Tab:hover:after {
    background-color: #408fec
}

.TabContent {
    padding-top: 1.23077rem;
    padding-bottom: 1.23077rem
}

.Textarea {
    transition: border-color,box-shadow .2s ease;
    background-color: #fff;
    width: 100%;
    min-height: 100px;
    padding: .61538rem;
    border: 1px solid #dadde0;
    border-radius: 4px
}

.Textarea:focus {
    outline: none;
    border-color: #408fec;
    box-shadow: 0 0 3px 0 rgba(23,116,226,.2)
}

.Textarea.invalid {
    border-color: #ff5f5f
}

.Textarea.invalid:focus {
    outline: none;
    box-shadow: 0 0 3px 0 rgba(195,9,18,.2)
}

.tippy-box[data-theme~=smartsupp] {
    font-size: 12px;
    background-color: #43425d;
    overflow-wrap: break-word
}

.tippy-box[data-theme~=smartsupp][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #43425d
}

.tippy-box[data-theme~=smartsupp][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #43425d
}

.tippy-box[data-theme~=smartsupp][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #43425d
}

.tippy-box[data-theme~=smartsupp][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #43425d
}

.Text--masked {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    pointer-events: none
}

.sentry-boundary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 64px;
    font-size: 16px
}

.sentry-boundary img {
    margin-bottom: 16px
}

.AgentStatusAvatar {
    position: relative
}

.AgentStatusAvatar__status {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3d3c57;
    border-radius: 50%;
    border: 2px solid #3d3c57;
    z-index: 2
}

.AgentStatusAvatar__status--online {
    background-color: #7bdd3b
}

.AgentStatusAvatar__status--offline {
    background-color: #ff5f5f
}

.AgentStatusAvatar__status--away {
    background-color: #e9bb2d
}

.AgentStatusAvatar__status--white-border {
    border-color: #fff
}

.SurveyModal__title {
    padding: 1.23077rem 2.46154rem 0
}

.SurveyModal__sublabel {
    margin-top: .61538rem;
    font-size: .84615rem;
    font-weight: 400
}

.SurveyModal__radio {
    background-color: #efefef;
    padding: 1.23077rem
}

.SurveyModal__radio-title {
    font-weight: 600
}

.SurveyModal__footer {
    padding: 2.46154rem
}

.SurveyModal__collapsible-title {
    font-size: 1.38462rem;
    font-weight: 600;
    margin-bottom: 1.23077rem
}

.SurveyModal__collapsible-validation {
    font-size: .92308rem;
    color: #ff5f5f;
    margin-bottom: 0
}

.SurveyModal__item-introduction {
    padding: 0 .61538rem
}

.gdpr-modal h2 {
    margin: 0;
    font-size: 22px
}

.gdpr-modal h4 {
    font-size: 16px;
    margin-bottom: 1.23077rem
}

.gdpr-modal .smart-checkbox label {
    font-weight: 400
}

.gdpr-modal .radio input {
    margin-right: 1.23077rem;
    position: relative;
    left: 1px
}

.gdpr-modal .ModalSection:last-child {
    text-align: center
}

.smart-modal {
    padding: 0!important;
    border-radius: 2px;
    max-width: 550px!important;
    width: 100%!important
}

.smart-modal--big {
    max-width: 800px!important
}

.smart-modal--medium {
    max-width: 736px!important
}

.smart-modal__header {
    margin-bottom: size(20px);
    background: #f8f8f8;
    text-align: center;
    border-radius: 5px
}

.smart-modal__header h2 {
    margin: 0;
    font-size: size(22px);
    padding: 1.84615rem 0 1.23077rem
}

.smart-modal__header .modal-close {
    position: absolute;
    font-size: 175%;
    color: #aaa;
    top: 10px;
    right: 16px;
    cursor: pointer;
    transition: all .2s linear
}

.smart-modal__header .modal-close:hover {
    color: #888
}

.smart-modal__body {
    padding: 0 3.69231rem;
    font-size: 1rem;
    margin-top: 1.23077rem
}

.smart-modal__body h3 {
    font-size: 20px
}

.smart-modal__body h4 {
    font-size: 16px
}

.smart-modal__body h4,.smart-modal__body p {
    margin-bottom: 1.23077rem
}

.smart-modal__body .success-icon {
    color: #7bdd3b
}

.smart-modal__body .error-icon,.smart-modal__body .success-icon {
    font-size: 170%;
    position: relative;
    top: 5px;
    margin-right: .61538rem;
    margin-bottom: 1.23077rem
}

.smart-modal__body .error-icon {
    color: #ff5f5f
}

.smart-modal--headerless .smart-modal__body {
    padding-top: 2.46154rem
}

.smart-modal__footer {
    padding: 2.46154rem 0;
    display: flex;
    justify-content: center
}

.smart-modal__footer--bordered {
    border-top: 1px solid #c8ccd0
}

.smart-modal__btn {
    margin: 0 .61538rem
}

.smart-modal .btn {
    padding: 10px 35px;
    margin: 0 1.23077rem
}

.smart-modal .btn.yes {
    color: #fff;
    background: #6f787e
}

.smart-modal .btn.no {
    background: #c8ccd0
}

.smart-checkbox input {
    display: none
}

.smart-checkbox .icon {
    cursor: pointer;
    display: inline-block
}

.smart-checkbox .icon .fa {
    visibility: hidden
}

.smart-checkbox input:checked+.icon .fa {
    visibility: visible
}

.smart-checkbox input:checked+.icon {
    background: #7fbce5;
    color: #fff;
    border: 1px solid #7fbce5
}

.smart-checkbox input {
    display: inline\9
}

.smart-checkbox .icon {
    display: none\9
}

.smart-checkbox label {
    cursor: pointer
}

.smart-checkbox input {
    margin-right: .61538rem
}

.smart-checkbox .icon {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-right: 1.23077rem;
    padding: 0;
    width: 1.23077rem;
    height: 1.23077rem;
    line-height: 1.23077rem
}

.smart-checkbox {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

@-webkit-keyframes rotateDown {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(180deg)
    }
}

@keyframes rotateDown {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(180deg)
    }
}

@-webkit-keyframes rotateUp {
    0% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes rotateUp {
    0% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes show {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.clear-x1 {
    height: 1.23077rem
}

.clear-x1,.clear-x2 {
    clear: both;
    width: 100%
}

.clear-x2 {
    height: 2.46154rem
}

.clear-x3 {
    height: 3.69231rem
}

.clear-x3,.clear-x4 {
    clear: both;
    width: 100%
}

.clear-x4 {
    height: 4.92308rem
}

.clear-x5 {
    height: 6.15385rem
}

.clear-x5,.clear-x6 {
    clear: both;
    width: 100%
}

.clear-x6 {
    height: 7.38462rem
}

.grecaptcha-badge {
    visibility: hidden
}

.visitor-status.unserved .fa-circle {
    color: #ff5f5f
}

.visitor-status.served .fa-circle {
    color: #7bdd3b
}

.visitor-status.served .fa-comment {
    top: -1px
}

.visitor-status.active .fa-circle,.visitor-status.triggered .fa-circle {
    color: #408fec
}

.visitor-status.idle .fa-circle {
    color: rgba(64,143,236,.25)
}

.visitor-status.clicked .fa-circle {
    color: #e9bb2d
}

.clear {
    clear: both
}

.badge {
    background-color: #f5f5f6;
    color: #a1a8ac;
    border-radius: 30px;
    padding: .38462rem .61538rem
}

.badge-text {
    padding-right: .61538rem
}

a {
    cursor: pointer
}

.info-row {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle
}

.info-row:not(:first-child) {
    margin-top: 1.84615rem
}

.info-row .fa {
    font-size: 1.25rem;
    vertical-align: -10%;
    margin-right: .61538rem;
    display: inline-block;
    width: 16px
}

.info-row .fa-map-marker {
    padding-left: 3px
}

.btn-search {
    color: #aaa;
    padding-right: 1.23077rem;
    position: relative;
    top: 6px;
    left: 2px
}

.btn-search .fa-chevron-down:hover {
    color: rgba(64,143,236,.75)
}

